<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="stylesheet" type="text/css" href="css/mui.css"/>
</head>
<body>
	
	<nav class="mui-bar mui-bar-tab">
		<a class="mui-tab-item mui-active" id="home">
			<span class="mui-icon mui-icon-home" ></span>
			<span class="mui-tab-label">首页</span>
		</a>
		<a class="mui-tab-item" id="category">
			<span class="mui-icon mui-icon-phone" ></span>
			<span class="mui-tab-label">分类</span>
		</a>
		<a class="mui-tab-item" id="search">
			<span class="mui-icon mui-icon-email"></span>
			<span class="mui-tab-label">查找</span>
		</a>
		<a class="mui-tab-item">
			<span class="mui-icon mui-icon-gear"></span>
			<span class="mui-tab-label">设置</span>
		</a>
	</nav>
	
	<script src="js/mui.js" type="text/javascript" charset="utf-8"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.min.js" type="text/javascript"></script>
	<!-- <script src="js/category.js" type="text/javascript"></script> -->
	<script type="text/javascript">
	mui.init()
	
	mui.plusReady(function () {
		console.log('加载完成');
		
		mui('.mui-bar').on('tap', '#home', function () {
			console.log(2222)
			mui.openWindow({
				url: 'index.html',
				id: 'index.html',
				styles: {
					top: '0px',
					bottom: '50px'
				}
			})
		})
		
		mui('.mui-bar').on('tap', '#category', function () {
			console.log(1111)
			mui.openWindow({
				url: 'category.html',
				id: 'category.html',
				styles: {
					top: '0px',
					bottom: '50px'
				}
			})
		})
		
		mui('.mui-bar').on('tap', '#search', function () {
			console.log(1111)
			mui.openWindow({
				url: 'search.html',
				id: 'search.html',
				styles: {
					top: '0px',
					bottom: '50px'
				}
			})
		})
		
	})
	</script>
</body>
</html>